.mui-bar {
    width: 100%;

    >.logo {
        display: block;
        width: 100%;
        height: 45px;
        background: url('http://www.ak48.xyz:9090/images/header_logo.png') no-repeat 0px 10px;
        background-size: 185px 25px;
    }

    >.appdon {
        position: absolute;
        right: 5px;
        top: 5px;

        img {
            height: 34px;
        }
    }
}

.mm_search {
    display: flex;
    background-color: #fff;
    line-height: 40px;
    height: 45px;
    box-sizing: border-box;
    padding: 3px;

    >div {
        flex: 7;
        box-sizing: border-box;
        padding: 3px;
        padding-top: 0;

        input {
            box-sizing: border-box;
            background-color: rgb(236, 225, 225);
            border-radius: 15px;
            margin: 0;
            padding: 5px;
            padding-left: 10px;
            height: 32px;
            font-size: 13px;
        }
    }

    >input {
        flex: 1;
        height: 32px;
        border-radius: 15px;
        background-color: #ff841d;
        color: #fff;
        margin-top: 5px;
    }
}

.mui-content {
    padding: 0 ! important;
    margin: 0 ! important;
    padding-bottom: 20px;
    .mui-card {
        padding: 0 ! important;
        margin: 0 ! important;

        ul {
            li {
               >div{
                   padding: 0! important;
                   >ul{
                    >li{
                        text-align: center;
                        height: 45px;
                        line-height: 45px;
                        width: 33.33%;
                        float: left;
                        border: 1px solid #ccc;
                        >a{
                            color: #000;
                        }
                       }
                   }
                   
               } 
            }
        }
    }

}